<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360浏览器优先以webkit内核解析-->
    <title>若依介绍</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content white-bg">
        <div class="jumbotron white-bg" style="box-shadow: lightgrey 2px 2px 10px">
            <h2>欢迎访问，<strong>指纹签到系统</strong></h2>
            <blockquote>
                <p style="font-size: 14px">
                    近年来，人们越来越注重指纹识别技术的研究和发展，并在此领域取得了较大的进展。学生上课打卡签到是管理制度的重要组成部分。现在许多学校采用的考勤方式有：学习通签到、老师点名等。
                    虽然能起到一定的作用，但问题也很突出：学习通等软件存在代签到的方式、而人工则会出现一些替课的现象。因此指纹签到系统的出现显得尤为重要。
                </p>
            </blockquote>

            <p><a class="btn btn-primary btn-lg" href="#main-info" role="button">浏览更多  <span class="glyphicon glyphicon-circle-arrow-down"></span></a></p>
        </div>
        <div class="row" id="main-info">
            <div class="col-md-4">
                <div class="ibox-title">
                    <h3>后台管理系统</h3>
                </div>
                <div class="ibox-content">
                    <div style="height: 100px">
                        <p>
                            后台管理系统只能由后台管理员登录，后台管理员拥有该系统的最大权限。可以对系统<strong>相关信息</strong>进行设置，监控系统的<strong>运行状态</strong>，也可以对系统<strong>数据资料</strong>进行增删改查等操作。
                        </p>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">基本结构</div>
                        <div class="panel-body">
                            <strong>系统管理：</strong>
                            <ul class="list-group">
                                <li class="list-group-item">用户管理</li>
                                <li class="list-group-item">角色管理</li>
                                <li class="list-group-item">......</li>
                            </ul>
                            <strong>系统监控：</strong>
                            <ul class="list-group">
                                <li class="list-group-item">在线用户</li>
                                <li class="list-group-item">数据监控</li>
                                <li class="list-group-item">......</li>
                            </ul>
                            <strong class="text-danger">教务管理：</strong>
                            <ul class="list-group">
                                <li class="list-group-item list-group-item-danger">教师管理</li>
                                <li class="list-group-item list-group-item-danger">课程管理</li>
                                <li class="list-group-item list-group-item-danger">教师档案管理</li>
                                <li class="list-group-item list-group-item-danger">学生档案管理</li>
                                <li class="list-group-item list-group-item-danger">签到管理</li>
                                <li class="list-group-item list-group-item-danger">指纹管理</li>
                            </ul>
                        </div>
                    </div>
                </div>

            </div>
            <div class="col-md-4 white-bg">
                <div class="ibox-title">
                    <h3>教师操作系统</h3>
                </div>
                <div class="ibox-content">
                    <div style="height: 100px">
                        <p>
                            教师操作系统由教师通过个人信息登录，教师通过该系统，可以对个人信息进行修改，也可查看自己的选课信息，签到信息。教师通过该系统创建签到，并实时监控学生的签到状态，该系统需要配合数据库中的定时任务进行使用，当到达签到的结束时间后，签到会自动停止，此时不能进行签到。
                            该系统支持自动导出教师课程目录，选课学生名单等操作。
                        </p>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">基本结构</div>
                        <div class="panel-body">
                            <strong>个人信息：</strong>
                            <ul class="list-group">
                                <li class="list-group-item">密码修改</li>
                                <li class="list-group-item">其他信息修改</li>
                            </ul>
                            <strong>课程信息：</strong>
                            <ul class="list-group">
                                <li class="list-group-item">执教课程</li>
                                <li class="list-group-item">选课学生名单</li>
                            </ul>
                            <strong>签到信息：</strong>
                            <ul class="list-group">
                                <li class="list-group-item">创建签到</li>
                                <li class="list-group-item">当前签到</li>
                                <li class="list-group-item">签到名单</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 white-bg">
                <div class="ibox-title">
                    <h3><span class="label label-primary">Main</span> 指纹采集系统</h3>
                </div>
                <div class="ibox-content">
                    <div style="height: 100px">
                        <p>
                            指纹采集系统是本系统的核心系统，需要配合<strong>通元微指纹采集模组</strong>使用，本系统主要功能为指纹采集、指纹录入、指纹图像保存、签到验证等。
                        </p>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">功能详解：</div>
                        <div class="panel-body">
                            <strong>功能简述：</strong>
                            <ul class="list-group">
                                <li class="list-group-item">检测下位机设备</li>
                                <li class="list-group-item">指纹录入</li>
                                <li class="list-group-item">学生指纹信息上传</li>
                                <li class="list-group-item">签到指纹验证</li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-primary">
                        <div class="panel-heading">功能详解：</div>
                        <div class="panel-body">
                            <strong>系统工具类：</strong>
                            <ul class="list-group">
                                <li class="list-group-item">
                                    <code>CodeManager:</code> 指令码管理：指纹模组发送与接收指令码。
                                </li>
                                <li class="list-group-item">
                                    <code>PackageManager:</code> 指令包管理：负责指令包的构建、解析应答包和获取数据包大小功能。
                                </li>
                                <li class="list-group-item">
                                    <code>SendAndReceiveDataManager:</code> 发送指令包与接收应答包管理：负责将构建好的指令包发送给下位机。
                                </li>
                                <li class="list-group-item">
                                    <code>SerialPortManager:</code> 串口管理：负责串口的打开与关闭以及串口功能的调用。
                                </li>
                            </ul>
                            <strong>主要功能函数<code>(SendAndReceiveDataManager)</code>：</strong>
                            <ul class="list-group">
                                <li class="list-group-item">
                                    <code>sendPassword:</code> 向下位机发送密码并验证，验证通过后才可调用其他功能。
                                </li>
                                <li class="list-group-item">
                                    <code>getImage:</code> 获取指纹图像。
                                </li>
                                <li class="list-group-item">
                                    <code>genChar:</code> 通过提取指纹图像的特征信息，保存到特征缓冲区中。
                                </li>
                                <li class="list-group-item">
                                    <code>regModel:</code> 将特征缓冲区中的指纹特征生成指纹模板，并保存到特征缓冲区中。
                                </li>
                                <li class="list-group-item">
                                    <code>storeModel:</code> 将特征缓冲区中的指纹模板保存到下位机的数据库中。
                                </li>
                                <li class="list-group-item">
                                    <code>upImage:</code> 获取当前特征缓冲区中的指纹图像。
                                </li>
                                <li class="list-group-item">
                                    <code>getTemplateNum:</code> 获取当前下位机数据库中有效的指纹模板。
                                </li>
                                <li class="list-group-item">
                                    <code>deleteChar:</code> 删除对应FLASHID的指纹模板。
                                </li>
                                <li class="list-group-item">
                                    <code>searchModel:</code> 在指定范围内搜索与特征缓冲区中指纹特征对应的指纹模板。
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script th:src="@{/js/jquery.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
    <script type="text/javascript">
	    $('#pay-qrcode').click(function(){
	        var html=$(this).html();
	        parent.layer.open({
	            title: false,
	            type: 1,
	            closeBtn:false,
	            shadeClose:true,
	            area: ['600px', '360px'],
	            content: html
	        });
	    });
    </script>
</body>
</html>
